<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
    <div class="box">
        <!-- <h1>作业</h1> -->
        <div class="dilist">
            <table class="nei" border="1">
                <thead>
                    <tr>
                        <th>作业名称</th>
                        <th>作业介绍</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><a href="./worklist/国庆作业/index.html">仿携程网移动端</a></td>
                        <td>仿携程网移动端</td>
                    </tr>
                    <tr>
                        <td><a href="./worklist/0929作业/929作业.html">花瓣</a></td>
                        <td>花瓣</td>
                    </tr>
                    <tr>
                        <td><a href="./worklist/仿趣学网/index.html">仿趣学网静态页面1</a></td>
                        <td>仿趣学网静态页面1</td>
                    </tr>
                    <tr>
                        <td><a href="./worklist/仿趣学网/index1.html">仿趣学网静态页面2</a></td>
                        <td>仿趣学网静态页面2</td>
                    </tr>
                    <tr>
                        <td><a href="./worklist/仿趣学网/index2.html">仿趣学网静态页面3</a></td>
                        <td>仿趣学网静态页面3</td>
                    </tr>
                    <tr>
                        <td><a href="./worklist/普通的静态页面/index.html">静态页面</a></td>
                        <td>静态页面</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>


    </div>
    <div class="titletimeing">
        <span><img src="./images/BitPap/0.gif" alt=""></span>
        <span><img src="./images/BitPap/0.gif" alt=""></span>
        <span style="font-size: 80px; color:white; text-align: center;">:</span>
        <span><img src="./images/BitPap/0.gif" alt=""></span>
        <span><img src="./images/BitPap/0.gif" alt=""></span>
    </div>
    <script src="./js/index图片遍历.js"></script>
    <script>
        //时间stat
        var timer = null;
        var hours;
        var min;
        if (timer == null) {
            timer = setInterval(function () {
                hours = String(new Date().getHours()).slice(0, 1);
                var hourse = String(new Date().getHours()).slice(1);
                min = String(new Date().getMinutes()).slice(0, 1);
                var mine = String(new Date().getMinutes()).slice(1);
                // if(mine == null){
                //     mine= 0;
                // }
                console.log(min);

                $(".titletimeing span img").eq(0).attr("src", `./images/BitPap/${hours}.gif`);
                $(".titletimeing span img").eq(1).attr("src", `./images/BitPap/${hourse}.gif`);
                $(".titletimeing span img").eq(2).attr("src", `./images/BitPap/${min}.gif`);
                $(".titletimeing span img").eq(3).attr("src", `./images/BitPap/${mine}.gif`);
            }, 500)
        } else {
            timer = null;
        }
        //时间end


    </script>
</body>

</html>